@import "../../vars.less";
.hy-item {
  display: inline-block;
  position: relative;
  &-warp {
    display: flex;
    min-height: 20px;
  }
  &-label {
    background-color: #eef;
    display: flex;
    align-items: center;
    span {
      color: #f04134;
    }
  }
  &-error {
    min-height: 18px;
    color: #f04134;
  }
  &-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid transparent;
    transition: all .5s;
    &.item-error-border {
      border: 1px solid #f04134 !important;
      box-shadow: 0 0 0 2px rgba(240, 65, 52, .2) !important;
      border-radius: 4px;
    }
  }
}